<!DOCTYPE html>
<html lang="en">
<head>
  <title></title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  
  <script type="text/javascript" src="js/website/jquery-1.4.2.min.js" ></script>
  <script type="text/javascript" src="js/website/cufon-yui.js"></script>
  <script type="text/javascript" src="js/website/Humanst521_BT_400.font.js"></script>
  <script type="text/javascript" src="js/website/Humanst521_Lt_BT_400.font.js"></script>
  <script type="text/javascript" src="js/website/roundabout.js"></script>
  <script type="text/javascript" src="js/website/roundabout_shapes.js"></script>
  <script type="text/javascript" src="js/website/gallery_init.js"></script>
  <script type="text/javascript" src="js/website/cufon-replace.js"></script>

</head>

<body>
  <!-- header -->
  <header>
    <div class="container">
    	<h1><a href="index.php">FamTree</a></h1>
      <nav>
        <ul>
          <li><a href="index.php" class="current">Home</a></li>
          <li><a href="#">News</a></li>
        </ul>
      
      </nav>
    </div>
	</header>
  
  <div class="main-box">
    <div class="container">
    	<?php 
   			include ("loginBox.php")
    	?>
      <div class="inside">
        <div class="wrapper">
        	<!-- aside -->
          <aside>
            <h2>Recent <span>News</span></h2>
            <!-- .news -->
            <ul class="news">
            	<li>
              	<figure><strong>22</strong>June</figure>
                <h3><a href="#">News 1</a></h3>
                This is a news 1 area<a href="#">...</a>
              </li>
              <li>
              	<figure><strong>09</strong>June</figure>
                <h3><a href="#">News 2</a></h3>
                This is a news 2 area <a href="#">...</a>
              </li>
              <li>
              	<figure><strong>31</strong>May</figure>
                <h3><a href="#">New 3</a></h3>
                This a news 3 area <a href="#">...</a>
              </li>
              <br></br>
            </ul>
            <!-- /.news -->
          </aside>
          <!-- content -->
          <section id="content">
            <article>
            	<h2>Welcome to our <span>Family Tree Manager!</span></h2>
              	<p>Family Tree Manager website is optimized for 1024X768 screen resolution. It is also HTML5 &amp; CSS3 valid, this will required the latest browser for this website to work</p>
            </article> 
          </section>
        </div>
      </div>
    </div>
  </div>
  </div>
  <!-- footer -->
  <footer>
    <div class="container">
    	<div class="wrapper">
        <div class="fleft">Copyright - FamTree Pte Ltd</div>
      </div>
    </div>
  </footer>
  <script type="text/javascript"> Cufon.now(); </script>
  
  
  
</body>
</html>
